<template>
  <div class="home">
    <Header :setModelType="() => {}"></Header>
    <div class="home-main">
      <Navigation :setHomePage="setHomePage"></Navigation>
      <div class="home-main-router">
        <router-view />
      </div>
    </div>
  </div>
</template>

<script lang="ts" setup>
// import {ref} from "vue"
import {useRouter} from "vue-router"
import Header from "../components/Header.vue"
import Navigation from "../components/Navigation.vue"
const router = useRouter()
// const modelType = window.localStorage.getItem("modelType")
const setHomePage = (url: string) => {
  console.log("setHomePage", url)
  router.push({
    name: url
  })
}
</script>

<style lang="scss" scoped>
.home {
  width: 100%;
  height: 100vh;
  color: rgba(0, 0, 0, 1);
  box-sizing: content-box;
  &-main {
    height: calc(100vh - 80px);
    display: flex;
    &-router {
      background: rgba(204, 204, 204, 0.1);
      width: 85%;
    }
  }
}
</style>
